<template>
  <div>
    <div class="yjgldetail">
      <div class="img"></div>
      <div class="content">
        <div class="title">
          <div class="t1">云南丽江花间堂唯美人文客栈8日自由行</div>
          <div class="t2">阅读：3.8k</div>
        </div>
        <div class="line"></div>
        <div class="t3">
          旅行和旅游的区别就在于：旅行是在观察身边的景色和事物，行万里路，读万卷书，相对于是指个人，是行走。旅游是指游玩，通常是团体出行，在时间上是很短暂的。旅游就是旅行游览活动。它是一种复杂的社会现象，旅行要涉及到社会的政治、经济、文化、历史、地理、法律等各个社会领域。旅游也是一种娱乐活动，任何去外地游玩都可以算。世界旅游组织指旅行的定义是某人出外最少离家55英里（88.5千米）。
        </div>
      </div>
      <div class="banner"></div>
    </div>
    <div class="yjgldetail">
      <div class="img"></div>
      <div class="content">
        <div class="title">
          <div class="t1">云南丽江花间堂唯美人文客栈8日自由行</div>
          <div class="t2">阅读：3.8k</div>
        </div>
        <div class="line"></div>
        <div class="t3">
          旅行和旅游的区别就在于：旅行是在观察身边的景色和事物，行万里路，读万卷书，相对于是指个人，是行走。旅游是指游玩，通常是团体出行，在时间上是很短暂的。旅游就是旅行游览活动。它是一种复杂的社会现象，旅行要涉及到社会的政治、经济、文化、历史、地理、法律等各个社会领域。旅游也是一种娱乐活动，任何去外地游玩都可以算。世界旅游组织指旅行的定义是某人出外最少离家55英里（88.5千米）。
        </div>
      </div>
      <div class="banner"></div>
    </div>
    <div class="yjgldetail">
      <div class="img"></div>
      <div class="content">
        <div class="title">
          <div class="t1">云南丽江花间堂唯美人文客栈8日自由行</div>
          <div class="t2">阅读：3.8k</div>
        </div>
        <div class="line"></div>
        <div class="t3">
          旅行和旅游的区别就在于：旅行是在观察身边的景色和事物，行万里路，读万卷书，相对于是指个人，是行走。旅游是指游玩，通常是团体出行，在时间上是很短暂的。旅游就是旅行游览活动。它是一种复杂的社会现象，旅行要涉及到社会的政治、经济、文化、历史、地理、法律等各个社会领域。旅游也是一种娱乐活动，任何去外地游玩都可以算。世界旅游组织指旅行的定义是某人出外最少离家55英里（88.5千米）。
        </div>
      </div>
      <div class="banner"></div>
    </div>
    <div class="yjgldetail">
      <div class="img"></div>
      <div class="content">
        <div class="title">
          <div class="t1">云南丽江花间堂唯美人文客栈8日自由行</div>
          <div class="t2">阅读：3.8k</div>
        </div>
        <div class="line"></div>
        <div class="t3">
          旅行和旅游的区别就在于：旅行是在观察身边的景色和事物，行万里路，读万卷书，相对于是指个人，是行走。旅游是指游玩，通常是团体出行，在时间上是很短暂的。旅游就是旅行游览活动。它是一种复杂的社会现象，旅行要涉及到社会的政治、经济、文化、历史、地理、法律等各个社会领域。旅游也是一种娱乐活动，任何去外地游玩都可以算。世界旅游组织指旅行的定义是某人出外最少离家55英里（88.5千米）。
        </div>
      </div>
      <div class="banner"></div>
    </div>
    <div class="yjgldetail">
      <div class="img"></div>
      <div class="content">
        <div class="title">
          <div class="t1">云南丽江花间堂唯美人文客栈8日自由行</div>
          <div class="t2">阅读：3.8k</div>
        </div>
        <div class="line"></div>
        <div class="t3">
          旅行和旅游的区别就在于：旅行是在观察身边的景色和事物，行万里路，读万卷书，相对于是指个人，是行走。旅游是指游玩，通常是团体出行，在时间上是很短暂的。旅游就是旅行游览活动。它是一种复杂的社会现象，旅行要涉及到社会的政治、经济、文化、历史、地理、法律等各个社会领域。旅游也是一种娱乐活动，任何去外地游玩都可以算。世界旅游组织指旅行的定义是某人出外最少离家55英里（88.5千米）。
        </div>
      </div>
      <div class="banner"></div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.yjgldetail {
  width: 100%;
  height: 165px;
  /* background: chartreuse; */
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 24px;
    margin-bottom: 51px;   
}
.yjgldetail .img {
  width: 293px;
  height: 165px;
  background: cornflowerblue;
}
.yjgldetail .content {
  width: 869px;
  height: 165px;
  /* background: darkolivegreen; */
  position: relative;
}
.yjgldetail .content .title {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.yjgldetail .content .title .t1 {
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #777777;
}
.yjgldetail .content .title .t2 {
  font-size: 15px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #777777;
}
.yjgldetail .content .line {
  width: 49px;
  height: 4px;
  background: #ce594d;
  border-radius: 2px;
  margin-top: 60px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.yjgldetail .content .t3 {
  width: 869px;
  height: 64px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #777777;
  margin-top: 60px;
}
.yjgldetail .banner {
  width: 1200px;
  height: 1px;
  /* background: #dddddd; */
  /* background: red; */
  position: absolute;
  bottom: -24px;
}
</style>